﻿@model Vidh.SimplyToDo.Controllers.ViewModels.RegisterModel
@{
    Layout = "~/Views/Shared/_LogginLayout.cshtml";
}

<form class="form-horizontal" method="post">
  <fieldset>
        <legend>Registration</legend>
        
        <div class="control-group">
          <label class="control-label bold" for="FirstName">@Html.LabelFor(m=>m.EmailID)</label>
          <div class="controls">@Html.TextBoxFor(m => m.EmailID, new { @class = "input focused", placeholder = "Email Address", required = "required" })
            <p class="help-block">Enter your email address</p>
          </div>
        </div>
    
        <div class="control-group">
          <label class="control-label" for="FirstName">@Html.LabelFor(m => m.FirstName)</label>
          <div class="controls">@Html.TextBoxFor(m=>m.FirstName, new { @class = "input focused", placeholder = "First Name", required = "required" })
          <p class="help-block">Enter your first name</p>
          </div>
        </div>
        
        <div class="control-group">
          <label class="control-label" for="FirstName">@Html.LabelFor(m => m.LastName)</label>
          <div class="controls">@Html.TextBoxFor(m => m.LastName, new { @class = "input focused", placeholder = "Last Name", required = "required" })
            <p class="help-block">Enter your last name</p>
          </div>
        </div>
        
        <div class="control-group">
          <label class="control-label" for="FirstName">@Html.LabelFor(m => m.Password)</label>
          <div class="controls">@Html.PasswordFor(m => m.Password, new { @class = "input focused", placeholder = "Password", required = "required" })
            <p class="help-block">Enter your password</p>
          </div>
        </div>
        
        <div class="control-group">
          <label class="control-label" for="FirstName">@Html.LabelFor(m => m.ConfirmPassword)</label>
          <div class="controls">@Html.PasswordFor(m => m.ConfirmPassword, new { @class = "input focused", placeholder = "Confirm Password", required = "required" })
            <p class="help-block">Confirm your password</p>
          </div>
        </div>
        
        <div class="control-group">
          <label class="control-label" for="FirstName">@Html.LabelFor(m => m.DOB)</label>
          <div class="controls">@Html.TextBoxFor(m => m.DOB, new { @class = "input focused datepicker", placeholder = "Date Of Birth" })
            <p class="help-block">Enter your data of birth</p>
          </div>
        </div>

        <div class="control-group">
          <label class="control-label" for="FirstName">&nbsp;</label>
          <div class="controls"><button type="submit" class="btn btn-primary"><span class="icon-ok-sign icon-white"></span>&nbsp;Register</button>
          </div>
        </div>
  </fieldset>
</form>
    <fieldset class="control-group error">
        <div class="control-group error">
            <label class="control-label" for="inputError">@Html.ValidationSummary()</label>
        </div>
    </fieldset>
</div>
<script language="javascript">
    $(function () {
        $(".datepicker").datepicker({ minDate: "-80y", maxDate: "-16y", showButtonPanel: true, changeMonth: true, changeYear: true});
    });
</script>